.tableRow {
    cursor: pointer;
}
.tableAction {
    cursor: auto;
}
.hintWrap {
    position: relative;
    margin-bottom: 12px;
    :global {
        .ant-alert-banner {
            border-radius: 4px;
        }
        .ant-alert-message {
            font-size: 12px;
            color: rgba(0,0,0,0.45)
        }
    }
    .link {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 16px;
        cursor: pointer;
        color: rgba(0,0,0,0.85);
        transition: 0.3s;
        font-size: 12px;
        &:hover {
            color: #FFA22D;
        }
        .arrow {
            transform: rotate(-90deg);
        }
    }
}
.headerWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    .conditionWrapper {
        display: inline-flex;
        align-items: center;
        flex: auto;
    }
    .extendWrapper {
        display: inline-flex;
        align-items: center;
        flex: none;
        > :nth-child(n + 2) {
            margin-left: 12px;
        }
    }
}
.numLink {
    cursor: pointer;
    &:hover {
        color: #FFA22D;
    }
}
.checkUsed {
    height: 32px;
    line-height: 32px;
    background: #F8F8F8;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    &:hover {
        color: #FFA22D;
    }
}

.checkUsedWrap {
    background: #F8F8F8;
    border-radius: 4px;
    padding: 16px 0 16px 16px;
    .title {
        font-size: 14px;
        color: rgba(0,0,0,0.65);
        line-height: 14px;
    }
    .usedList {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        li {
            padding: 6px 14px;
            background: #FFF;
            border-radius: 2px;
            font-size: 12px;
            color: rgba(0,0,0,0.65);
            text-align: center;
            line-height: 14px;
            margin-top: 16px;
            margin-right: 16px;
        }
    }
}
